// 文件名固定叫webpack.config.js 文件地址固定在根目录
const path = require('path') // 导入路径模块
const htmlWebpackPlugin = require('html-webpack-plugin') // 引入插件，自动修改html
const {CleanWebpackPlugin} = require('clean-webpack-plugin') // 引入插件，删除打包后的老代码
// 暴露配置项
module.exports = {
    // 入口文件--打包谁？
    entry: path.resolve(__dirname, 'src/index.js'),
    devServer: { // dev-开发环境 devServer开发服务器，只在开发时生效
        static: './', //默认查找index.html
    },
    // 出口文件--放到哪？
    output: { // 配置输出选项
        path: path.resolve(__dirname, 'dist'), // 配置输出的路径
        filename: 'aa.js' // 配置输出的文件名
    },
    plugins: [ // 插件放在这里
        new htmlWebpackPlugin({
            title:'xx', // 标题
            template:path.resolve(__dirname, 'src/index.html'),//模板路径
            filename:'demo.html',//自动生成的HTML文件的名称，
            inject: false //是否生成script,以及script位置
        }),
        new CleanWebpackPlugin()
    ]
}